<template>
	<div class="zj2">
		<div class="link2" v-for="(item,index) in model2" :key="index">
			<div class="link2-photo">
				<img :src="item.tu"/>
			</div>
			<div class="link2-dq">
				<p>{{item.txt}}</p>
			</div>
		</div>
	</div>
</template>
	
<script>
	export default{
		name:'publicover2',
		props:["model2"],
		data() {
			return {
		
			}
		}
	}
</script>

<style scoped>
	.zj2{
		display: flex;
		justify-content: space-between;
	}
	.link2-dq{
		text-align: center;
		font-size: 0.12rem;
	}
	.link2:nth-of-type(1)>.link2-photo>img{
		width: 0.46rem;
		height: 0.45rem;
		margin-left: 0.25rem;
	}
	.link2:nth-of-type(2)>.link2-photo>img{
		width: 0.5rem;
		height: 0.5rem;
		margin-left: 0.25rem;
	}
	.link2:nth-of-type(3)>.link2-photo>img{
		width: 0.44rem;
		height: 0.5rem;
		margin-left: 0.25rem;
	}
	.link2:nth-of-type(4)>.link2-photo>img{
		width: 0.57rem;
		height: 0.43rem;
	}
	.link2:nth-of-type(5)>.link2-photo>img{
		width: 0.48rem;
		height: 0.49rem;
	}
</style>
